<template>
  <div class="containerBox">
    <!-- @changeSelect="changeSelectFn" -->
    <typeSelect />
    <el-card>
      <forumCard></forumCard>
    </el-card>
  </div>
</template>

<script>
import forumCard from './ForumCard.vue'
import typeSelect from '@/components/library/typeSelect.vue'

export default {
  components: { forumCard, typeSelect }
  // methods: {
  //   changeSelectFn(value) {
  //     console.log(value)
  //   }
  // }
}
</script>

<style lang="less" scoped>
.card_box {
  margin-top: 5px;
}
.card {
  display: flex;
  .lable {
    color: black;
    font-weight: 700;
    font-size: 16px;
  }
  .text {
    display: flex;
    align-items: center;
    color: #909399;
    p {
      padding-left: 5px;
    }
  }
}
.nowSearch {
  padding: 5px 0;
  .nowSearch_span {
    color: black;
  }
}
</style>